/* 自定义 Element Plus 暗黑模式样式 */
html.dark {
  /* 背景颜色 */
  --el-bg-color: #0f172a;
  --el-bg-color-page: #0f172a;
  --el-bg-color-overlay: #1a2332;
  
  /* 文字颜色 */
  --el-text-color-primary: #b0b5bc;
  --el-text-color-regular: #b0b5bc;
  --el-text-color-secondary: #b0b5bc;
  --el-text-color-placeholder: #b0b5bc;
  --el-text-color-disabled: #b0b5bc;
  
  /* 边框颜色 */
  --el-border-color: #414d63;
  --el-border-color-light: #353d50;
  --el-border-color-lighter: #303844;
  --el-border-color-extra-light: #262e3b;
  
  /* 填充颜色 */
  --el-fill-color: rgba(255, 255, 255, 0.08);
  --el-fill-color-light: rgba(255, 255, 255, 0.06);
  --el-fill-color-lighter: rgba(255, 255, 255, 0.04);
  --el-fill-color-extra-light: rgba(255, 255, 255, 0.02);
  
  /* 阴影 */
  --el-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
  --el-box-shadow-light: 0 4px 16px rgba(0, 0, 0, 0.3);
  
  /* 组件背景 */
  --el-component-bg: rgba(30, 40, 60, 0.9);
}

/* 自定义项目全局暗黑模式样式 */
html.dark {
  color-scheme: dark;
}

html.dark body {
  background-color: #0f172a;
  color: #98a0a8;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 滚动条暗黑模式 */
html.dark ::-webkit-scrollbar-track {
  background: #1a2332;
}

html.dark ::-webkit-scrollbar-thumb {
  background: #495057;
}

html.dark ::-webkit-scrollbar-thumb:hover {
  background: #6c757d;
}

